Category: Geeks r Us
Hi,
I have a website and blog and would like to be able to include pictures in my posts. Putting the pictures in the post isn't hard, I can just use html. The problem is I want to ensure that they don't cover the text. I don't have enough vision to see if they are doing this, and I can't assume that I'll have sighted help around when I post, in fact, the majority of the time I don't.
Has anyone found a way of putting them in where you know they won't cover the text?
The simple answer is that text will never be covered up by an image because web browsers are smart enough to make sure this sort of thing doesn't happen.
The less simple answer is that it's possible to make this happen but you'd really have to go out of your way to do it - it shouldn't ever happen by default. Obviously with software you should never say never, but it really is ridiculously unlikely for this to happen without you explicitly making it so.
FYI, one possible way it could be done would be to have a <div> containing some text, another one containing an image & then using CSS to position them on top of each other. Like I say, if you're just dealing with the <img> element this just isn't going to happen.
Cheers.
Ok, thanks, I really don't want the image to cover the text by accident, so that's good to know. I guess i'll try it, see what people say and if it looks good then just go with that.
If you have an iPad you can try opening the page with your post on & feeling around to get an idea of the layout. If you give the image an alt tag VO will read it when your finger moves over it, so you should be able to get an idea of how much space it's taking up. If you're really worried about your images being on top of any of your text, you could take a screenshot of the page & OCR it; the idea being that any text that isn't visible will be missing from the OCR output.
Unfortunately there's not really one definitive way of making "pretty" websites if you're blind. I can get a fairly good understanding of how things *should* look from exploring the code, but coming up with a layout myself & checking that everything works as expected can be very problematic. For layouts & themes fiverr.com is pretty handy as you can outsource the development to someone else for $5.
Thanks, this is useful, I'll try it using my sisters iPad.